@import 'variables';
sign-up-create-club{


seed-content{
  background-color: #fff;
}
.creat-club-wrap{
  padding-bottom: pxTorem(300);
  .img-wrap{
    text-align: center;
    width: pxTorem(200);
    height: pxTorem(200);
    margin: pxTorem(100) auto pxTorem(130);
    position: relative;
    input{
      position: absolute;
      top: 0;
      left:0;
      opacity: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
    }
    img{
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }
  }
  .input-wrap{
    text-align: center;
    margin: 0 pxTorem(60);
    padding-bottom: pxTorem(30);
    input{
      font-size: standard($f,F3);
      text-align:center;
      width:100%;
      color: color($h5,c4);

    }
  }

}
.bottom-wrap{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  z-index: 10;
  background-color: #fff;
  .protocol{
    padding: pxTorem(30px) 0 pxTorem(40px) pxTorem(24px);
    .protocol-btn{
      -webkit-appearance:none;
      -moz-appearance: none;
      appearance: none;
      width: pxTorem(24px);
      height: pxTorem(24px);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      //background-color: standard($c,c9);
    }
    span{
      padding-left: pxTorem(10px);
      font-size: pxTorem(26);
      a{
        color: color($h5,c1);
      }
    }
  }
  .btn-wrap{
    margin:0 pxTorem(30) pxTorem(30);
    button{
      border-radius: 4px;
      background-color: color($h5,c1);
      height: pxTorem(90);
      width: 100%;
      color: #fff;
    }
  }
}
}

